﻿<div class="content-wrap">
    <div sustainalytics-navigation-menu navigation-menu-templateurl="Views/Menu/PageMenu.html" navigation-menu-sitemap="SITE" navigation-menu-startnodelevel="2"></div>

</div>
<div class="subnav_1">
    <ul class="greyTabs level_1">
        <li ng-class="portfolioList.sharedSelected || portfolioList.systemSelected ? '' : 'active'">
            <a href="" ng-click="portfolioList.selectMyPortfolio(); ">My Portfolios</a>
        </li>
        <li ng-class="portfolioList.sharedSelected ? 'active' : ''">
            <a href="" ng-click="portfolioList.selectSharedPortfolio(); ">Shared Portfolios</a>
        </li>


        <li ng-class="portfolioList.systemSelected ? 'active' : ''">
            <a href="" ng-click="portfolioList.selectSystemPortfolio(); ">System Portfolios</a>
        </li>

    </ul>
    <div class="clear"></div>
</div>
<div class="content">
    <div class="content-pad">
        <div>
            <br />
            <div>
                <b>First time user?</b> We recommend watching this brief tutorial:
                <a href="" ng-click="portfolioList.openVideoPopup()"> Portfolio Management and Monitoring </a>
                <br /><br />
            </div>
            The Portfolio Management tool allows you to easily upload portfolios into Global Access, which can be used to run various customized reports. You can share portfolios with your colleagues or reserve them for personal use. You will only be able to edit portfolios that you have created.
            <br />
            <a href="" ng-show="!portfolioList.isSeeMore" ng-click="portfolioList.seeMoreText()">See more</a><br />
            <div ng-show="portfolioList.isSeeMore">
                <div>The <b>My Portfolios</b> tab includes an overview of each customized portfolio that you have uploaded. Switch Share setting to ON to share with colleagues.</div><br />
                <div>Click the <b>Shared Portfolios</b> tab to add, view or export shared portfolios from other account users, as well as Sustainalytics’ standard benchmarks. </div><br />
                <div>Click the <b>System Portfolios</b> tab to add, view or export any standard universes assigned to your account.</div><br />
                <div>Note: under <b>Company Research</b> you have the option to easily add companies to any portfolios that you have created.</div>
                <a href="" ng-show="portfolioList.isSeeMore" ng-click="portfolioList.seeLessText()">See less</a>
            </div>
        </div>

        <div class="title-section">
            <input type="button" value="Add Portfolio" ng-disabled="!portfolioList.hasPortfolioPermision" class="btn-green" style="float: right; margin-top: 0;" ng-click="portfolioList.openAddPortfolioPopup('')">
        </div>

        <div class="clear">&nbsp;</div><br />
        <div class="">

            <div style="width: 100%; overflow: auto;">
                <div class="table">
                    <div class="table-row">
                        <div class="table-head width_370"><a href="" class="sortable_placeholder" ng-click="portfolioList.setOrderByCol('NameLowercase');" ng-class="portfolioList.orderByCol === 'NameLowercase' ? (portfolioList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Portfolio Name</a></div>
                        <div class="table-head center-align width_130">No. of holdings</div>
                        <div class="table-head center-align width_130" ng-show="portfolioList.systemSelected">Details</div>
                        <div class="table-head center-align width_130" ng-show="!portfolioList.systemSelected">Sharing</div>
                        <div class="table-head center-align width_130">Created by</div>
                        <div class="table-head center-align width_130">Last edited</div>
                       
                        <div class="table-head center-align width_200">Actions</div>
                    </div>
                    <div ng-repeat="item in portfolioList.portfolioList" class="{{$index % 2==1 ? 'table-row odd': 'table-row'}}">
                        <div class="table-cell width_370" ng-class="{'last':$last}" style="border-left: 1px solid #e0e0e0;"><a href="#portfolios/{{item.id}}">{{item.name}}</a></div>
                        <div class="table-cell center-align" ng-class="{'last':$last}">{{item.companyCount}}</div>
                        <div class="table-cell center-align" ng-class="{'last':$last}" ng-show="portfolioList.systemSelected">{{item.details}}</div>
                        <div class="table-cell center-align" ng-disabled="!$parent.portfolioList.portfolioFilter.sharingStatus" ng-class="{'last':$last}" ng-show="!portfolioList.systemSelected">
                            <div style="display: inline-block;">
                                <div ng-init="true" ng-switch on="item.sharingStatus == 1 ? true : false">
                                    <button ng-switch-when='true' ng-disabled="!item.isMyPortfolio" ng-click='portfolioList.setShared(item)' class="switch-btn">Off</button>
                                    <button ng-switch-when='false' ng-disabled="!item.isMyPortfolio" ng-click='portfolioList.setPrivate(item)' class="switch-btn_on">On</button>
                                </div>
                            </div>
                        </div>
                        <div class="table-cell center-align" ng-class="{'last':$last}">{{item.addedByFullName}}</div>
                        <div class="table-cell center-align" ng-class="{'last':$last}">{{item.dateModified | date: 'MMM d, y'}}</div>
                     

                        <div class="table-cell center-align width_200" ng-class="{'last':$last}">
                            <div style="margin: 5px auto 0 auto; width: 66px;">
                                <!--<a href="#" style="color:lightgray; pointer-events: none; cursor: default;margin-right: 10px; float: left;">Edit</a>-->
                                <a href="" ng-click="portfolioList.addTaskExportPortfolio(item)" style="margin-right: 10px; float: left;">Export</a>
                                <button style="float: left;" class="delete-sel-large" ng-disabled="!item.isMyPortfolio" ng-click="portfolioList.deletePortfolio(item.id)"></button>
                                <div class="clear"></div>
                            </div>
                        </div>
                    </div>

                </div>
                <!--<sustainalytics-pager></sustainalytics-pager>-->
            </div>

            <sustainalytics-pager>
                
            </sustainalytics-pager>
        </div>
    </div>
</div>
